<template>
   <div class="barchart" ref="barchart"></div>
</template>

<script>
import * as echarts from 'echarts'
export default {
    mounted(){
    let mycharts2=echarts.init(this.$refs.barchart)
    mycharts2.setOption({
      xAxis:{
        show:false,
         type: "category",
      },
      yAxis:{
        show:false
      },
      series:[{
        type:'bar',
        data:[10,22,43,56,21,45,64,76,45,4,99,58],
        color:'red'
      }],
      grid:{
        left:0,
        right:0,
        top:0,
        bottom:0
      },
      tooltip:{}
   }) 
    }
   
}
</script>

<style>
.barchart{
    width: 100%;
    height: 100%;
}
</style>